h1,
h2,
h3,
h4,
h5,
h6,
body,
html,
p,
div,
ul,
li,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul,
li,
ol {
  list-style: none;
}

/* 版心 */
.container {
  width: 1200px;
  margin: 0 auto;
}

/* 设置浮动 */
.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除浮动 */
.clear {
  clear: both;
}

/* 清除固定结构中的浮动 */
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  zoom: 1;
}

a {
  text-decoration: none;
  color: #4d4d4d;
}

a:hover {
  color: #007bff;
  text-decoration: none;
}

.titlecss {
  color: #f60;
  padding-top: 16px;
  border-bottom: 6px solid #f60;
}

.titlespan {
  h2 {
    color: #000;
  }

  span {
    display: inline-block;
    color: #fff;
    width: 42px;
    text-align: center;
    background: #f60;
  }
}

.on {
  background: #f60 !important;
  color: #fff;
}

.show {
  display: none;
}

.flexbetween {
  display: flex;
  justify-content: space-between;
}


// 搜索
.search {
  input {
    width: 440px;
    height: 36px;
    background-color: #ffffff;
    border: solid 2px #ff6600;
    outline: none;
    text-indent: 1em;
    position: absolute;
    left: -470px;
    top: 0;
  }
}

//搜索按钮
.search-btn {
  width: 38px;
  height: 38px;
  background: url('../img/bgicon.png') no-repeat -6px 0;
  background-size: 105px;
  position: absolute;
  top: 2px;
  left: -65px;
  z-index: 999;
  cursor: pointer;
}

/* 公共样式 */
/* 头部 */
#head {

  /* 顶部导航 */
  .topNav {
    height: 28px;
    background-color: #101010;

    /* 网站网址 */
    .topnav-url {
      span {
        width: 104px;
        height: 15px;
        line-height: 28px;
        font-family: SimHei;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #fff;
        margin-left: 220px;
      }
    }

    /*  登录注册 */
    .link-login {
      width: 182px;
      height: 14px;
      font-family: SimHei;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #bfbfbf;

      a {
        line-height: 28px;
      }

      //注册
      .login {
        color: #ff6600;
      }

      //登录
      .register {
        color: #bfbfbf;
      }

      :hover {
        color: #007bff;
      }
    }
  }

  //购物
  .shop {
    position: absolute;
    top: 32px;
    right: 90px;
    height: 42px;
    color: #fff;
  }

  //购物车logo
  .shopping-logo {
    line-height: 38px;
    position: absolute;
    right: 164px;
    width: 38px;
    height: 38px;
    background: url('../img/bgicon.png') no-repeat -6px -40px;
  }

  // 购物车
  .shopping-cart {
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    box-sizing: border-box;
    background-color: #ff6600;
    border: solid 1px #fd7e14;
    text-align: center;
    cursor: pointer;

    a {
      color: #ffffff;
      margin-left: 28px;
    }

    :hover {
      color: #007bff;
    }
  }

  // 我的订单
  .my-order {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #ebebeb;
    border: solid 1px #cccccc;
    text-align: center;
    cursor: pointer;
  }

  .nav {
    img {
      position: absolute;
      top: 0;
      vertical-align: text-bottom;
    }

    div {
      margin: 60px 0 5px 220px;
    }

    a {
      margin: 0 15px;
    }
  }
}

/* 尾部 */
#footer {
  margin-top: 60px;
  border-top: 6px solid #ff6600;

  .footer-nav {
    height: 100px;
    background-color: #f2f2f2;
  }

  .service {

    div {
      width: 75px;
      margin: 28px 94px;
      word-wrap: break-word;
      word-break: normal;
      position: relative;
      color: #ff2832;
    }

    .genuine {
      margin-left: 200px;
    }

    img {
      position: absolute;
      left: -58px;
      top: -5px;
    }

    .arrive {
      /* 旋转 */
      transform: rotate(-90deg);
    }
  }

  .help {
    margin: 36px 0 48px;

    ul {
      margin: 0 30px;
      text-align: center;

      a {
        margin: 6px 0;
      }
    }

    .shopping-guide {
      margin-left: 168px;
    }

    //尾部logo
    .footer_logo {
      cursor: pointer;
    }
  }

  /* 链接 */
  .copyright_links {
    text-align: center;

    li {
      display: inline-block;

      .copyright_split {
        margin: 0 5px;
      }

      a {
        color: #333333;
      }
    }
  }

  /* 版权 */
  .copyright_cert {
    text-align: center;
    color: #333333;
    margin: 24px 120px;
  }
}